<pre>  /**
   * The constants used in this Content Widget.
   */
  public static interface CwConstants extends Constants {
    String cwDictionaryExampleDescription();

    String cwDictionaryExampleLinkText();

    String cwDictionaryExampleName();
  }

  /**
   * An instance of the constants.
   */
  private final CwConstants constants;

  /**
   * Initialize this example.
   */
  @Override
  public Widget onInitialize() {
    // Create a vertical panel to layout the contents
    VerticalPanel layout = new VerticalPanel();

    // Show the HTML variable that defines the dictionary
    HTML source = new HTML(
        "&lt;pre&gt;var userInfo = {\n" + "&nbsp;&nbsp;name: \"Amelie Crutcher\",\n"
            + "&nbsp;&nbsp;timeZone: \"EST\",\n"
            + "&nbsp;&nbsp;userID: \"123\",\n"
            + "&nbsp;&nbsp;lastLogOn: \"2/2/2006\"\n" + "};&lt;/pre&gt;\n");
    source.getElement().setDir("ltr");
    source.getElement().getStyle().setProperty("textAlign", "left");
    layout.add(new HTML(constants.cwDictionaryExampleLinkText()));
    layout.add(source);

    // Create the Dictionary of data
    FlexTable userInfoGrid = new FlexTable();
    CellFormatter formatter = userInfoGrid.getCellFormatter();
    Dictionary userInfo = Dictionary.getDictionary("userInfo");
    Set&lt;String&gt; keySet = userInfo.keySet();
    int columnCount = 0;
    for (String key : keySet) {
      // Get the value from the set
      String value = userInfo.get(key);

      // Add a column with the data
      userInfoGrid.setHTML(0, columnCount, key);
      formatter.addStyleName(0, columnCount, "cw-DictionaryExample-header");
      userInfoGrid.setHTML(1, columnCount, value);
      formatter.addStyleName(1, columnCount, "cw-DictionaryExample-data");

      // Go to the next column
      columnCount++;
    }
    layout.add(new HTML("&lt;br&gt;&lt;br&gt;"));
    layout.add(userInfoGrid);

    // Return the layout Widget
    return layout;
  }

</pre>